<?php use_helper('I18N'); ?>
<style type="text/css">
    p img {
        background: none repeat scroll 0 0 white;
        border: 1px solid #BBBBBB;
        margin: 7px 14px 7px 0;
        padding: 5px;
        height: 50px;
        /*width: 160px;*/
    }
</style>

<div id="content">

<!-- ========== CATEGORIES TABS ========= -->
<!-- ==================================== -->
<table id="contentMainWrapper" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td id="column-left" style="width: 215px;">
    <div style="width:215px;">
        <!--// bof: categories //-->
        <div class="box" id="categories" style="width:215px;">
            <div class="box-border">
                <div class="box-head">
                    <?php echo __('Categories') ?>
                </div>
                <div class="box-body">
                    <?php include_component('component', 'categoriesSideMenu') ?>
                </div>
            </div>
        </div>
        <!--// eof: categories //-->
        <!--// bof: specials //-->
        <div class="box" id="specials" style="width:215px;">
            <div class="box-border">
                <div class="box-head">
                    <a href="<?php echo url_for("/product/specialItem") ?>"><?php echo __('Specials') ?></a>
                </div>
                <div class="box-body">
                    <?php include_component('component', 'specialsSideMenu', array('param' => 'will implement for categoryType')) ?>
                </div>

            </div>
        </div>
        <!--// eof: specials //-->
    </div>
</td>

<td id="column-center" valign="top">
<div class="column-center-padding">
<div class="centerColumn" id="shoppingCartDefault">

<h2 id="cartEmptyText">Your Shopping Cart is empty.</h2>


<!-- bof: whats_new -->
<div class="centerBoxWrapper" id="whatsNew">
    <h2 class="centerBoxHeading">New Products For December</h2>

    <div class="centerBoxContentsNew centeredContent back" style="width:33%;">
        <div class="product-col">
            <a class="name"
               href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=2&amp;products_id=26">Product
                #026</a>

            <div class="img">
                <a href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=2&amp;products_id=26"><img
                        src="images/26.jpg" alt="Product #026" title=" Product #026 " height="159" width="177"></a>
            </div>
            <div class="text">
                Nam blandit quam id justo. Mauris mollis malesuada odio. Vestibulum ma...
            </div>
            <div class="price">
                <strong>$83.00</strong>
            </div>
            <div class="button"><a
                    href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=2&amp;products_id=26"><img
                    src="includes/templates/theme397/buttons/english/button_goto_prod_details.gif"
                    alt="Go To This Product's Detailed Information" title=" Go To This Product's Detailed Information "
                    height="22" width="133"></a></div>
        </div>
    </div>
    <div class="centerBoxContentsNew centeredContent back" style="width:33%;">
        <div class="product-col" style="margin-left:5px;">
            <a class="name"
               href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=22">Product
                #022</a>

            <div class="img">
                <a href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=22"><img
                        src="images/22.jpg" alt="Product #022" title=" Product #022 " height="177" width="177"></a>
            </div>
            <div class="text">
                Nam in risus. Praesent nec ligula ut dolor egestas gravida. Pellentesq...
            </div>
            <div class="price">
                <strong>$160.00</strong>
            </div>
            <div class="button"><a
                    href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=22"><img
                    src="includes/templates/theme397/buttons/english/button_goto_prod_details.gif"
                    alt="Go To This Product's Detailed Information" title=" Go To This Product's Detailed Information "
                    height="22" width="133"></a></div>
        </div>
    </div>
    <div class="centerBoxContentsNew centeredContent back" style="width:33%;">
        <div class="product-col" style="margin-left:5px;">
            <a class="name"
               href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=21">Product
                #021</a>

            <div class="img">
                <a href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=21"><img
                        src="images/21.jpg" alt="Product #021" title=" Product #021 " height="177" width="177"></a>
            </div>
            <div class="text">
                Proin neque est, consectetuer non, eleifend eu, placerat vitae, enim. ...
            </div>
            <div class="price">
                <strong>$550.00</strong>
            </div>
            <div class="button"><a
                    href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=21"><img
                    src="includes/templates/theme397/buttons/english/button_goto_prod_details.gif"
                    alt="Go To This Product's Detailed Information" title=" Go To This Product's Detailed Information "
                    height="22" width="133"></a></div>
        </div>
    </div>
    <br class="clearBoth">

    <div class="centerBoxContentsNew centeredContent back" style="width:33%;">
        <div class="product-col">
            <a class="name"
               href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=2&amp;products_id=25">Product
                #025</a>

            <div class="img">
                <a href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=2&amp;products_id=25"><img
                        src="images/25.jpg" alt="Product #025" title=" Product #025 " height="159" width="177"></a>
            </div>
            <div class="text">
                Pellentesque diam justo, tempus ac, tincidunt in, scelerisque tempus, ...
            </div>
            <div class="price">
                <strong>$211.00</strong>
            </div>
            <div class="button"><a
                    href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=2&amp;products_id=25"><img
                    src="includes/templates/theme397/buttons/english/button_goto_prod_details.gif"
                    alt="Go To This Product's Detailed Information" title=" Go To This Product's Detailed Information "
                    height="22" width="133"></a></div>
        </div>
    </div>
    <div class="centerBoxContentsNew centeredContent back" style="width:33%;">
        <div class="product-col" style="margin-left:5px;">
            <a class="name"
               href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=24">Product
                #024</a>

            <div class="img">
                <a href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=24"><img
                        src="images/24.jpg" alt="Product #024" title=" Product #024 " height="159" width="177"></a>
            </div>
            <div class="text">
                Quisque varius tincidunt enim. Sed augue. Donec nonummy, lacus eu elem...
            </div>
            <div class="price">
                <strong>$651.00</strong>
            </div>
            <div class="button"><a
                    href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=24"><img
                    src="includes/templates/theme397/buttons/english/button_goto_prod_details.gif"
                    alt="Go To This Product's Detailed Information" title=" Go To This Product's Detailed Information "
                    height="22" width="133"></a></div>
        </div>
    </div>
    <div class="centerBoxContentsNew centeredContent back" style="width:33%;">
        <div class="product-col" style="margin-left:5px;">
            <a class="name"
               href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=2&amp;products_id=27">Product
                #027</a>

            <div class="img">
                <a href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=2&amp;products_id=27"><img
                        src="images/27.jpg" alt="Product #027" title=" Product #027 " height="159" width="177"></a>
            </div>
            <div class="text">
                Duis eros justo, gravida vel, aliquam sed, bibendum ut, nibh. Donec mo...
            </div>
            <div class="price">
                <strong>$503.00</strong>
            </div>
            <div class="button"><a
                    href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=2&amp;products_id=27"><img
                    src="includes/templates/theme397/buttons/english/button_goto_prod_details.gif"
                    alt="Go To This Product's Detailed Information" title=" Go To This Product's Detailed Information "
                    height="22" width="133"></a></div>
        </div>
    </div>
    <br class="clearBoth">

</div>
<!-- eof: whats_new -->


<!-- bof: featured products  -->
<div class="centerBoxWrapper" id="featuredProducts">

    <h2 class="centerBoxHeading">Featured Products</h2>

    <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;">
        <div class="product-col">
            <a class="name"
               href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=1">Product
                #001</a>

            <div class="img">
                <a href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=1"><img
                        src="images/01.jpg" alt="Product #001" title=" Product #001 " height="177" width="177"></a>
            </div>
            <div class="text">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mattis...
            </div>
            <div class="price">
                <strong>$550.00</strong>
            </div>
            <div class="button"><a
                    href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=1"><img
                    src="includes/templates/theme397/buttons/english/button_goto_prod_details.gif"
                    alt="Go To This Product's Detailed Information" title=" Go To This Product's Detailed Information "
                    height="22" width="133"></a></div>
        </div>
    </div>
    <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;">
        <div class="product-col" style="margin-left:5px;">
            <a class="name"
               href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=2&amp;products_id=6">Product
                #006</a>

            <div class="img">
                <a href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=2&amp;products_id=6"><img
                        src="images/06.jpg" alt="Product #006" title=" Product #006 " height="177" width="177"></a>
            </div>
            <div class="text">
                Morbi facilisis sodales mauris. Quisque elementum nulla at ante. Vesti...
            </div>
            <div class="price">
                <strong>$83.00</strong>
            </div>
            <div class="button"><a
                    href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=2&amp;products_id=6"><img
                    src="includes/templates/theme397/buttons/english/button_goto_prod_details.gif"
                    alt="Go To This Product's Detailed Information" title=" Go To This Product's Detailed Information "
                    height="22" width="133"></a></div>
        </div>
    </div>
    <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;">
        <div class="product-col" style="margin-left:5px;">
            <a class="name"
               href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=3">Product
                #003</a>

            <div class="img">
                <a href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=3"><img
                        src="images/03.jpg" alt="Product #003" title=" Product #003 " height="177" width="177"></a>
            </div>
            <div class="text">
                Quisque feugiat. Vestibulum eu lacus in orci bibendum vehicula. Mauris...
            </div>
            <div class="price">
                <strong>$241.00</strong>
            </div>
            <div class="button"><a
                    href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=3"><img
                    src="includes/templates/theme397/buttons/english/button_goto_prod_details.gif"
                    alt="Go To This Product's Detailed Information" title=" Go To This Product's Detailed Information "
                    height="22" width="133"></a></div>
        </div>
    </div>
    <br class="clearBoth">

    <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;">
        <div class="product-col">
            <a class="name"
               href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=4">Product
                #004</a>

            <div class="img">
                <a href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=4"><img
                        src="images/04.jpg" alt="Product #004" title=" Product #004 " height="177" width="177"></a>
            </div>
            <div class="text">
                Duis tortor quam, lobortis eget, pharetra commodo, euismod sed, tellus...
            </div>
            <div class="price">
                <strong>$651.00</strong>
            </div>
            <div class="button"><a
                    href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=4"><img
                    src="includes/templates/theme397/buttons/english/button_goto_prod_details.gif"
                    alt="Go To This Product's Detailed Information" title=" Go To This Product's Detailed Information "
                    height="22" width="133"></a></div>
        </div>
    </div>
    <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;">
        <div class="product-col" style="margin-left:5px;">
            <a class="name"
               href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=2">Product
                #002</a>

            <div class="img">
                <a href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=2"><img
                        src="images/02.jpg" alt="Product #002" title=" Product #002 " height="177" width="177"></a>
            </div>
            <div class="text">
                Praesent risus orci, pretium semper, sagittis sit amet, scelerisque ac...
            </div>
            <div class="price">
                <strong>$160.00</strong>
            </div>
            <div class="button"><a
                    href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=1&amp;products_id=2"><img
                    src="includes/templates/theme397/buttons/english/button_goto_prod_details.gif"
                    alt="Go To This Product's Detailed Information" title=" Go To This Product's Detailed Information "
                    height="22" width="133"></a></div>
        </div>
    </div>
    <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;">
        <div class="product-col" style="margin-left:5px;">
            <a class="name"
               href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=2&amp;products_id=5">Product
                #005</a>

            <div class="img">
                <a href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=2&amp;products_id=5"><img
                        src="images/05.jpg" alt="Product #005" title=" Product #005 " height="177" width="177"></a>
            </div>
            <div class="text">
                Duis vel lacus ut ante lobortis tincidunt. Ut scelerisque imperdiet el...
            </div>
            <div class="price">
                <strong>$211.00</strong>
            </div>
            <div class="button"><a
                    href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=2&amp;products_id=5"><img
                    src="includes/templates/theme397/buttons/english/button_goto_prod_details.gif"
                    alt="Go To This Product's Detailed Information" title=" Go To This Product's Detailed Information "
                    height="22" width="133"></a></div>
        </div>
    </div>
    <br class="clearBoth">

</div>
<!-- eof: featured products  -->


<!-- bof: specials -->
<div class="centerBoxWrapper" id="specialsDefault">
    <h2 class="centerBoxHeading">Monthly Specials For December</h2>

    <div class="centerBoxContentsSpecials centeredContent back" style="width:33%;">
        <div class="product-col">
            <a class="name"
               href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=4&amp;products_id=13">Product
                #013</a>

            <div class="img">
                <a href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=4&amp;products_id=13"><img
                        src="images/13.jpg" alt="Product #013" title=" Product #013 " height="177" width="177"></a>
            </div>
            <div class="text">
                Mauris venenatis congue odio. Nulla id justo vitae velit accumsan grav...
            </div>
            <div class="price">
                <strong><span class="normalprice">$605.00 </span>&nbsp;<span class="productSpecialPrice">$514.25</span></strong>
            </div>
            <div class="button"><a
                    href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=4&amp;products_id=13"><img
                    src="includes/templates/theme397/buttons/english/button_goto_prod_details.gif"
                    alt="Go To This Product's Detailed Information" title=" Go To This Product's Detailed Information "
                    height="22" width="133"></a></div>
        </div>
    </div>
    <div class="centerBoxContentsSpecials centeredContent back" style="width:33%;">
        <div class="product-col" style="margin-left:5px;">
            <a class="name"
               href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=3&amp;products_id=12">Product
                #012</a>

            <div class="img">
                <a href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=3&amp;products_id=12"><img
                        src="images/12.jpg" alt="Product #012" title=" Product #012 " height="177" width="177"></a>
            </div>
            <div class="text">
                In posuere, mauris nec luctus dignissim, augue nibh ullamcorper mi, id...
            </div>
            <div class="price">
                <strong><span class="normalprice">$124.00 </span>&nbsp;<span class="productSpecialPrice">$105.40</span></strong>
            </div>
            <div class="button"><a
                    href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=3&amp;products_id=12"><img
                    src="includes/templates/theme397/buttons/english/button_goto_prod_details.gif"
                    alt="Go To This Product's Detailed Information" title=" Go To This Product's Detailed Information "
                    height="22" width="133"></a></div>
        </div>
    </div>
    <div class="centerBoxContentsSpecials centeredContent back" style="width:33%;">
        <div class="product-col" style="margin-left:5px;">
            <a class="name"
               href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=4&amp;products_id=16">Product
                #016</a>

            <div class="img">
                <a href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=4&amp;products_id=16"><img
                        src="images/16.jpg" alt="Product #016" title=" Product #016 " height="177" width="177"></a>
            </div>
            <div class="text">
                Integer eget lorem. Sed turpis elit, vulputate sit amet, fermentum qui...
            </div>
            <div class="price">
                <strong><span class="normalprice">$871.00 </span>&nbsp;<span class="productSpecialPrice">$435.50</span></strong>
            </div>
            <div class="button"><a
                    href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=4&amp;products_id=16"><img
                    src="includes/templates/theme397/buttons/english/button_goto_prod_details.gif"
                    alt="Go To This Product's Detailed Information" title=" Go To This Product's Detailed Information "
                    height="22" width="133"></a></div>
        </div>
    </div>
    <br class="clearBoth">

    <div class="centerBoxContentsSpecials centeredContent back" style="width:33%;">
        <div class="product-col">
            <a class="name"
               href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=3&amp;products_id=11">Product
                #011</a>

            <div class="img">
                <a href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=3&amp;products_id=11"><img
                        src="images/11.jpg" alt="Product #011" title=" Product #011 " height="177" width="177"></a>
            </div>
            <div class="text">
                Curabitur ac dolor. Donec gravida, elit vel dignissim vestibulum, orci...
            </div>
            <div class="price">
                <strong><span class="normalprice">$653.00 </span>&nbsp;<span class="productSpecialPrice">$522.40</span></strong>
            </div>
            <div class="button"><a
                    href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=3&amp;products_id=11"><img
                    src="includes/templates/theme397/buttons/english/button_goto_prod_details.gif"
                    alt="Go To This Product's Detailed Information" title=" Go To This Product's Detailed Information "
                    height="22" width="133"></a></div>
        </div>
    </div>
    <div class="centerBoxContentsSpecials centeredContent back" style="width:33%;">
        <div class="product-col" style="margin-left:5px;">
            <a class="name"
               href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=4&amp;products_id=15">Product
                #015</a>

            <div class="img">
                <a href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=4&amp;products_id=15"><img
                        src="images/15.jpg" alt="Product #015" title=" Product #015 " height="177" width="177"></a>
            </div>
            <div class="text">
                Suspendisse elementum orci at lectus. Ut tristique risus at elit. Done...
            </div>
            <div class="price">
                <strong><span class="normalprice">$305.00 </span>&nbsp;<span class="productSpecialPrice">$213.50</span></strong>
            </div>
            <div class="button"><a
                    href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=4&amp;products_id=15"><img
                    src="includes/templates/theme397/buttons/english/button_goto_prod_details.gif"
                    alt="Go To This Product's Detailed Information" title=" Go To This Product's Detailed Information "
                    height="22" width="133"></a></div>
        </div>
    </div>
    <div class="centerBoxContentsSpecials centeredContent back" style="width:33%;">
        <div class="product-col" style="margin-left:5px;">
            <a class="name"
               href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=4&amp;products_id=14">Product
                #014</a>

            <div class="img">
                <a href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=4&amp;products_id=14"><img
                        src="images/14.jpg" alt="Product #014" title=" Product #014 " height="177" width="177"></a>
            </div>
            <div class="text">
                Cras nunc nulla, volutpat a, dapibus ut, ultricies ac, arcu. Sed nunc....
            </div>
            <div class="price">
                <strong><span class="normalprice">$991.00 </span>&nbsp;<span class="productSpecialPrice">$743.25</span></strong>
            </div>
            <div class="button"><a
                    href="http://osc4.template-help.com/zencart_29819/index.php?main_page=product_info&amp;cPath=4&amp;products_id=14"><img
                    src="includes/templates/theme397/buttons/english/button_goto_prod_details.gif"
                    alt="Go To This Product's Detailed Information" title=" Go To This Product's Detailed Information "
                    height="22" width="133"></a></div>
        </div>
    </div>
    <br class="clearBoth">

</div>
<!-- eof: specials -->

</div>

<div class="clear"></div>

</div>
</td>
</tr>
</tbody>
</table>

</div>

<script type="text/javascript">
                <?php
                    echo "$('#disp_order').val('" . $sorting . "')";
                ?>
</script>